<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">

            <h:form>
                <p:panel header="#{BKBanco.comando.nombre eq 'Guardar'?'Registrar Banco':'Actualizar Banco'}" style="width:80%;margin: 10px auto;">

                    <p:panelGrid style="margin: 10px auto;"> 
                        <p:row> 
                            <p:column>
                                <h:outputText id="lblNombreBanco" value="NOMBRE(*): " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="2">	
                                <p:inputText onkeyup="cambiarMayuscula(this)" id="txtNombreBanco" required="true" maxlength="100"
                                             value="#{BKBanco.bancoFormulario.nombre}" />
                                <p:message for="txtNombreBanco" display="text"/>
                            </p:column>
                        </p:row> 			 

                        <p:row> 
                            <p:column>
                                <h:outputText id="lblContactoBanco" value="CONTACTO: " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="2">	
                                <p:inputText onkeyup="cambiarMayuscula(this)" id="txtContactoBanco" value="#{BKBanco.bancoFormulario.contactoBanco}" />
                            </p:column>	
                        </p:row>

                        <p:row> 
                            <p:column>			
                                <h:outputText id="lblTelefonoBanco" value="TELEFONO: " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="2">	
                                <p:inputText onkeyup="cambiarMayuscula(this)" id="txtTelefonoBanco" maxlength="50"
                                             value="#{BKBanco.bancoFormulario.telefonoContacto}" />
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputText id="lblCorreoBanco" value="CORREO: " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="2">		
                                <p:inputText onkeyup="cambiarMayuscula(this)" id="txtCorreoBanco" maxlength="50"
                                             value="#{BKBanco.bancoFormulario.correoContacto}" >
                                    <f:validateRegex pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" />
                                </p:inputText>
                                <p:message for="txtCorreoBanco" display="text" />
                                <span class="formatComment">Ejemplo: 123@server.com</span>
                            </p:column>
                        </p:row>
                        <p:row>
                            <p:column>
                                <h:outputText id="lblObservacionBanco" value="OBSERVACION: " styleClass="lblForm" />
                            </p:column>
                            <p:column colspan="2">	
                                <p:inputTextarea onkeyup="cambiarMayuscula(this)" id="inTxtAreaObservacionBanco" rows="3" cols="70" maxlength="250"  
                                                 value="#{BKBanco.bancoFormulario.observacion}"/>
                            </p:column>	
                        </p:row>	
                    </p:panelGrid>


                    <p:panelGrid style="width: auto;margin:0px auto;border:0px">
                        <p:row>
                            <p:column style="align:center">
                                <p:commandButton action="#{BKBanco.comando.aceptar()}" value="#{BKBanco.comando.nombre}" ajax="false"/>
                            </p:column>	
                            <p:column style="align:center">
                                <p:commandButton action="#{MBBanco.cancelar()}" ajax="false" immediate="true" value="Cancelar"/>
                            </p:column>	
                        </p:row>	
                    </p:panelGrid>
                    
                    <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>
                </p:panel>	
            </h:form>

        </ui:define>

    </ui:composition>
</html>
